<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>课程列表</title>
  <!-- 引入CSS和JS资源 -->
</head>
<body>
<h1>课程列表</h1>
<form th:action="@{/course/listCourse}" method="get">
  <input type="text" name="cname" placeholder="搜索课程名" />
  <button type="submit">搜索</button>
</form>
<table>
  <thead>
  <tr>
    <th>课程号</th>
    <th>课程名</th>
    <th>学时</th>
    <th>学分</th>
    <th>操作</th>
  </tr>
  </thead>
  <tbody>
  <tr th:each="course : ${courses}">
    <td th:text="${course.cno}">课程号</td>
    <td th:text="${course.cname}">课程名</td>
    <td th:text="${course.ctime}">学时</td>
    <td th:text="${course.ccredit}">学分</td>
    <td>
      <a th:href="@{/course/preUpdateCourse/{cno}(cno=${course.cno})}">编辑</a>
      <a th:href="@{/course/delCourse/{cno}(cno=${course.cno})}">删除</a>
    </td>
  </tr>
  </tbody>
</table>
<!-- 添加新课程表单 -->
<h2>添加课程</h2>
<form th:action="@{/course/saveCourse}" method="post" >
  <!-- 课程编号，假设是必填项且为文本输入 -->
  <label for="cno">课程号</label>
  <input type="text" id="cno" name="cno" required><br>

  <!-- 课程名称，假设是必填项且为文本输入 -->
  <label for="cname">课程名</label>
  <input type="text" id="cname" name="cname" required><br>

  <!-- 课程时间，假设是整数输入，可以是选填项 -->
  <label for="ctime">学时</label>
  <input type="number" id="ctime" name="ctime"><br>

  <!-- 课程学分，假设是整数输入，可以是选填项 -->
  <label for="ccredit">学分</label>
  <input type="number" id="ccredit" name="ccredit"><br>

  <!-- 提交按钮 -->
  <input type="submit" value="提交">
</form>
</body>
</html>